<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8"/>
        <link rel="icon" type="image/png" href="{{ asset('images/computer_icon.png') }}"> 
        <title>{% block title %}Administration{% endblock %}</title>
        <link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap_bo.css') }}" type="text/css" media="screen" />
        <link rel="stylesheet" href="{{ asset('backoffice/css/layout.css') }}" type="text/css" media="screen" />
        <link rel="stylesheet" href="{{ asset('backoffice/css/style.css') }}" type="text/css" media="screen" />
        <link rel="stylesheet" href="{{ asset('FortAwesome/css/font-awesome.css') }}" type="text/css" media="screen" />
        
        <!--[if lt IE 9]>
            <link rel="stylesheet" href="{{ asset('backoffice/css/ie.css') }}" type="text/css" media="screen" />
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="{{ asset('backoffice/js/jquery-1.5.2.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('backoffice/js/script.js') }}" type="text/javascript"></script>
        <script src="{{ asset('backoffice/js/hideshow.js'   ) }}" type="text/javascript"></script>
        <script src="{{ asset('backoffice/js/jquery.tablesorter.min.js') }}" type="text/javascript"></script>
        <script type="text/javascript" src="{{ asset('backoffice/js/jquery.equalHeight.js') }}"></script>

        {% block head %}{% endblock %}

            <style type="text/css" title="currentStyle">
                @import "{{ asset('datatable/media/css/demo_page.css') }}";
                @import "{{ asset('datatable/media/css/demo_table.css') }}";
            </style>
            <script type="text/javascript" language="javascript" src="{{ asset('datatable/media/js/jquery.dataTables.js') }}"></script>
            <script type="text/javascript">
            
                $(document).ready(function() {
                    $('#tableBackOffice').dataTable( {
                        "aoColumnDefs": [ 
                            {
                                "bSortable": false,
                                // `data` refers to the data for the cell (defined by `mData`, which
                                // defaults to the column being worked with, in this case is the first
                                // Using `row[0]` is equivalent.
                                "mRender": function ( data, type, row ) {
                                        return data;
                                },
                                "aTargets": [ 0 ]
                            },
                            ]
                        });
                });
                </script>
                <script type="text/javascript">
                    $(function(){
                        $('.column').equalHeight();
                    });
                    </script>
                </head>

                <body>

                    <header id="header">
                        <hgroup>
                            <h1 class="site_title"><a href="{{ path('salle') }}">Administration</a></h1>

                            <h2 class="section_title">
                    {# Block titre de la page #}
                    {% block titre_page %}
                                    Salles
                    {% endblock %}
                                </h2><div class="btn_view_site"><a href="{{ path('salle') }}">Voir le Site</a></div>
                            </hgroup>
                        </header> <!-- end of header bar -->

                        <section id="secondary_bar">
                            <div class="user">
                                <p>
                                    Bonjour USER - <a href="#">Déconnexion</a>
                                </p>
                                <!-- <a class="logout_user" href="#') }}" title="Logout">Logout</a> -->
                            </div>
            {# block file d'ariane #}
            {% block file_ariane %}
                            <div class="breadcrumbs_container"><article class="breadcrumbs"><a href="{{ path('salle') }}">Administration</a>
            {% endblock %}
                                    </div>
                                </section><!-- end of secondary bar -->

                                <aside id="sidebar" class="column">
                                    <form class="quick_search">
                                        <input type="text" placeholder="Recherche rapide">
                                    </form>
                                    <hr/>
                                    <h3>Parc informatique</h3>
                                    <ul class="toggle">
                                        <li class="icn_categories"><a href="{{ path('salle') }}">Salles</a></li>
                                        <li class="icn_new_article"><a href="{{ path('salle_new') }}">Créer salles</a></li>
                                        <li class="icn_categories"><a href="{{ path('machine') }}">Machines</a></li>
                                        <li class="icn_new_article"><a href="{{ path('machine_new') }}">Créer Machine</a></li>
                                        <li class="icn_categories"><a href="{{ path('typeincident') }}">Type incidents</a></li>
                                        <li class="icn_new_article"><a href="{{ path('typeincident_new') }}">Créer type incidents</a></li>
                                        <li class="icn_categories"><a href="{{ path('incident') }}">Incidents</a></li>
                                    
                                    <h3>Utilisateurs</h3>
                                    <ul class="toggle">
                                        <li class="icn_add_user"><a href="{{ path('user_new') }}">Ajouter un utilisateur</a></li>
                                        <li class="icn_view_users"><a href="{{ path('user') }}">Voir les utilisateurs</a></li>
                                        <li class="icn_profile"><a href="#">Mon profile</a></li>
                                    </ul>
                                    <h3>Administration</h3>
                                    <ul class="toggle">
                                        <li class="icn_settings"><a href="#">Options</a></li>
                                        <li class="icn_security"><a href="#">Newsletter</a></li>
                                        <li class="icn_jump_back"><a href="#">Déconnexion</a></li>
                                    </ul>

                                    <footer>
                                        <hr />
                                        <p><strong>Copyright &copy; 2011 Website Admin</strong></p>
                                        <p>Theme by <a href="http://www.medialoot.com">MediaLoot</a></p>
                                    </footer>
                                </aside><!-- end of sidebar -->

        {# block contenant la page #}
        {% block body %}
        {% endblock %}

                            </body>
                        </html>